<template>
<!--    <v-breadcrumbs :items="breadcrumbs" divider="/" />-->
    <v-container>
        <v-breadcrumbs :items="breadcrumbs" divider="/" style="padding: 0 10px">
            <template #item="{ item }">
                <v-breadcrumbs-item @click="navigate(item.to)">{{ item.text }}</v-breadcrumbs-item>
            </template>
        </v-breadcrumbs>
    </v-container>
</template>


<script>
export default {
    computed: {
        breadcrumbs() {
            return this.$route.meta.breadcrumbs || [];
        }
    },
    methods: {
        navigate(to) {
            this.$router.push(to);
        }
    }
};
</script>

<style scoped>
/* 可根据需要添加样式 */
</style>
